<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/pro_details.css" />
	</head>
	<body>
		<div class="pro_img">
			<!--radio模拟点击事件-->
			<!--input[type="radio"]*5-->
			<!--大图-->
			<div class="big_img">
				<input type="radio" checked name="img" id="img1" />
				<img src="img/big_img.png"/>
				<input type="radio" name="img" id="img2" />
				<img src="img/2.png"/>
				<input type="radio" name="img" id="img3" />
				<img src="img/3.png"/>
				<input type="radio" name="img" id="img4" />
				<img src="img/2.png"/>
				<input type="radio" name="img" id="img5" />
				<img src="img/4.png"/>
			</div>
			<!--小图-->
			<div class="small_img">
				<!--div.img*5>img-->
				<div class="img"><label for="img1"><img src="img/1.png" alt="" /></label></div>
				<div class="img"><label for="img2"><img src="img/2.png" alt="" /></label></div>
				<div class="img"><label for="img3"><img src="img/3.png" alt="" /></label></div>
				<div class="img"><label for="img4"><img src="img/2.png" alt="" /></label></div>
				<div class="img"><label for="img5"><img src="img/4.png" alt="" /></label></div>
			</div>
		</div>
	</body>
</html>
